<template>
    <div class="header">
        <div class="header-main">
            <div class="header-main-left">大翔医药信息综合平台</div>
            <div class="header-main-right" @click="exit()">
                <span>系统管理员</span>
                <i class="dowm-arrow"></i>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            
        };
    },
    created() {

    },
    methods: {
        exit(){
            this.$router.push("/");
        },
    }
};
</script>


<style lang="scss" scoped>
@import "@/styles/index.scss";
.header-main{
    width: 100%;
    height: 100px;
    padding:0 30px;
    background: $colorPrimary;
    @include flex-between-box;
    div{
        color: #ffffff;
    }
    .header-main-left{
        font-size: 36px;
    }
    .header-main-right{
        font-size: 20px;
        @include flex-center-box;
        span{
            padding-right:10px;
        }
        .dowm-arrow{
            @include arrow($direction:down,$arrowsize:14px, $borderColor:#ffffff, $borderWidth:3px);
        }
    }
}
</style>
